<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='UTF-8' />
    <meta name='viewport' content='width=device-width, initial-scale=1.0' />
    <title>Document</title>
    <script src='../js/vue.js'></script>
</head>

<body>
    <div id='root'>
        <!-- 
                vue中常用的按键别名
                  delete 删除
                  esc    退出
                  space  空格
                  tab    换行
                  up     上
                  down   下
                  left   左
                  right  右
        
                系统修饰符 ctrl alt shift meta(win键)
                  配合keyup时，需要和其他键搭配
                  配合keydown时，正常触发事件
               -->
        <input type="text" placeholder="按下ctrl+回车提示输入" @keyup.ctrl.enter="showInfo" />
    </div>
    <script>
        const vm = new Vue({
            el: '#root',
            data: {
            }, methods: {
                showInfo(e) {
                    console.log(e.target.value);
                },
            }
        });
    </script>
</body>

</html>